<template>
  <div class="boss">
    <div class="head">头部
      <HouduanHeadMenu></HouduanHeadMenu>
    </div>
    <div class="body d-flex">
      <div class="body-left">
        <houduanMdmenu :menu="menu"></houduanMdmenu>
      </div>
      <div class="body-right">
        <slot /> 
      <div class="bottom">底部</div> 
      </div>
    </div>
    
  </div>
</template>
<script setup>

const isClose = ref(true)

import filterArr from "@/utils/filter"
let menu = await useFetch("/api/post/getmenu", {
  method: "post",
});
console.log('menu',menu.data.value.data);
menu = filterArr(menu.data.value.data);



</script>
<style>
.boss{
  height: 100vh;
  display: flex;
  flex-direction: column;
}
.head{
  border: 1px solid #000;
}
.body{
  flex-grow: 1;
}
.body-right{
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.bottom{
  /* position: fixed; */
  /* bottom: 0; */
}
</style>
